@charset "utf-8";

/*hide*/
/*#hd_wrapper { display: none; }*/
/*#gnb { display: none; }*/
#hd_sch { display: none; }
#text_size { display: none; }
#tnb { display: none; }
#aside { display: none; }
#popular { display: none; }
#visit { display: none; }
#ft_catch { display: none; }
#device_change { display: none; }

/*layout*/
.layout_wrap { width: 1350px !important; margin: 0 auto; position: relative; }
.layout_wrap:after { content: " "; display: block; clear: both; }
.img_box { line-height: 0; margin: 15px 0; }

/*hd*/
/*left header*/
/*#hd { position: absolute; min-width: auto; height: 100%; background-color: #e7e8ed; left: 0; top: 0; z-index: 6; box-shadow: 0px 0px 15px rgba(0,0,0,0.5) }
#hd_pop { width: auto; }
#hd_ft { padding: 0 20px; padding-top: 35px;  width: 230px; background-color: #e7e8ed; }
#hd_ft h2 { font-size: 14px; color: #323b8a; margin-bottom: 8px; font-weight: 500; }
#hd_ft .hd_contact ul { padding-left: 10px; margin-bottom: 10px; }
#hd_ft .hd_contact ul li { margin-bottom: 3px; }
#hd_ft .hd_call { overflow: hidden; }
#hd_ft .hd_call li { width: 90px; border-radius: 12px; background-color: #9ea7f2; color: #fff; display: inline-block; padding: 5px 8px; margin-right: 3px; margin-bottom: 5px; }*/
/*// left header*/

#hd { border-top: 4px solid #005093; border-bottom: 1px solid #ceced0; min-width: 1100px;  }
/*#hd:before { content: ''; display: inline-block; width: 100%; height: 50px; background-color: #005093; position: absolute; left: 0; top: 41px; }*/
#hd_wrapper { padding: 15px 0; width: 100%; min-width: 1100px; background: #eff7ff;  }
#logo { padding: 0; padding-left: 10px; }
#gnb { position: absolute; top: 50%; right: 30px; margin-top: -25px; background: none; border: none; }
#gnb_1dul { width: auto; /*color: #fff; */}
.gnb_1da { height: 50px; line-height: 50px; font-size: 14px; background-image: url(../img/common/gnb_bg00.png); background-position: right 21px; background-repeat: no-repeat; color: #000 !important; }
.gnb_1dli_on .gnb_1da { background-color: transparent; color: #005093; background-image: url(../img/common/gnb_bg01.png);  }
.gnb_1da:focus, .gnb_1da:hover { background-color: transparent; color: #005093; background-image: url(../img/common/gnb_bg01.png);   }
.gnb_2dul { top: 50px; }
.gnb_1dli_on .gnb_2da { background-color: #1365aa; font-size: 13px; }
.gnb_2da:focus, .gnb_2da:hover { background-color: #1c7fd3; }

/*wrap*/
/*left header*/
/*#wrapper { padding-left: 230px; margin: 0 auto; position: relative; min-width: auto; width: 100%; border: none; }*/
/*//left header*/
#wrapper { margin: 0 auto; position: relative; min-width: auto; width: 100%; border: none; min-width: 1100px; }
#container { border-right: none; }

/*#main_item { width: 522px; position: absolute; top: 25px; right: 50px; z-index: 1;}
#main_item > ul > li { width: 20%; float: left; background-color: #1365aa; line-height: 0; }
#main_item > ul > li:nth-child(even) { background-color: #005093; }
#main_item > ul > li a { padding: 15px 5px; width: 100%; text-align: center; }
#main_item > ul > li a div { overflow: hidden; }
#main_item > ul > li a span { width: 25px; height: 25px; background-color: #fff; display: inline-block; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; vertical-align: middle; }
#main_item > ul > li:nth-child(1) a span { background-image: url(../img/main/item_ico01.png) }
#main_item > ul > li:nth-child(2) a span { background-image: url(../img/main/item_ico02.png) }
#main_item > ul > li:nth-child(3) a span { background-image: url(../img/main/item_ico03.png) }
#main_item > ul > li:nth-child(4) a span { background-image: url(../img/main/item_ico04.png) }
#main_item > ul > li:nth-child(5) a span { background-image: url(../img/main/item_ico05.png) }
#main_item > ul > li a h3 { font-size: 14px; color: #fff; vertical-align: middle; display: inline-block; margin-left: 5px; }
#main_item > ul > li a h4 { color: rgba(255,255,255,.7); margin-top: 18px; font-size: 10px; }
#main_item > ul > li a p  { color: rgba(255,255,255,.4); }*/
#main_item { width: 50%; position: absolute; top: 0; right: 0px; z-index: 1;}
#main_item > ul > li { width: 20%; float: left; background-color: #1365aa; line-height: 0; display: table; }
#main_item > ul > li:nth-child(even) { background-color: #005093; }
#main_item > ul > li a { padding: 10px; width: 100%; text-align: center; display: table-cell; height: 103px; vertical-align: middle; word-break: keep-all; }
#main_item > ul > li a div { overflow: hidden; }
#main_item > ul > li a span { width: 25px; height: 25px; background-color: #fff; display: inline-block; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; vertical-align: middle; }
#main_item > ul > li:nth-child(1) a span { background-image: url(../img/main/item_ico01.png) }
#main_item > ul > li:nth-child(2) a span { background-image: url(../img/main/item_ico02.png) }
#main_item > ul > li:nth-child(3) a span { background-image: url(../img/main/item_ico03.png) }
#main_item > ul > li:nth-child(4) a span { background-image: url(../img/main/item_ico04.png) }
#main_item > ul > li:nth-child(5) a span { background-image: url(../img/main/item_ico05.png) }
#main_item > ul > li a h3 { font-size: 14px; color: #fff; vertical-align: middle; display: inline-block; margin-left: 5px; }
#main_item > ul > li a h4 { color: rgba(255,255,255,.7); font-size: 12px; }
#main_item > ul > li a p  { color: rgba(255,255,255,.4); }

/*ft*/
#ft { margin: 0 auto; position: relative; min-width: auto; background: none; border: none; min-width: 1100px; border-top: 1px solid #ceced0; }
#ft_copy { background-color: transparent; padding: 17px 0px; padding-left: 15px; overflow: hidden; min-width: 1100px; width: 100%; margin: 0 auto;}
#ft_copy h1 { position: relative; float: left; }
#ft_copy ul { margin-left: 20px; margin-top: 5px; float: left; }
#ft_copy ul li { line-height: 1.4; color: #646363; }
#ft_copy .ver_line { display: inline-block;margin: 0 5px; width: 1px; height: 10px; background-color: #979696; }
#ft_copy a { margin: 0; }

@media screen and (max-width:1600px) {
	#main_item { top: 100px; }
}